.Our-product{
  display: flex;
  justify-content: center;
  align-items: center;

}
.product-title{
  font-size: 2.5rem;
  margin: 0rem 2rem;
}
.product-box-main{
  width: 80%;
  height: auto;
  /* border: 1px solid rgb(4, 0, 255); */
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
.productbox1{
  padding: .2rem;
  height: 18rem;
  width: 15rem;
  margin-top: 1rem;

   border: 1px solid rgb(158, 158, 158);
 background-color: #e3f1ff;
 border-radius: 6px;
 cursor: pointer;


  border: 2px solid rgb(167, 167, 167);
}
.img{
  width: 100%;
  height: 100%;
}
.title{
font-weight: bold; color: rgb(71, 71, 71); text-align: center;
margin-top: 1rem;

}
.read-more-btn{
  margin-top: 1.5rem;
}

@media (max-width: 1375px){
.product-box-main{
 /* border: 2px solid gold; */
 height: 15rem;
 width: 90%;

}

.productbox1{
 /* border: 2px solid rgb(0, 255, 106); */

  width: 13rem;
  height: 14rem;
}

}
@media (max-width: 1165px){
  .product-box-main{
    width: 95%;
  }
  .productbox1{
 /* border: 2px solid rgb(0, 255, 106); */

  width: 12rem;
  height: 13rem;
 
}
.title{
  font-size: 15px;
}

}
@media (max-width: 1025px){
  .product-box-main{
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .productbox1{

padding: .5rem;
  width: 17rem;
  height: 15rem;
  margin: 2rem 2rem;
 
}
.title{
  font-size: 1.2rem;
  margin-top: 1.3rem;
}

}

@media (max-width: 700px){
   .productbox1{

padding: .5rem;
  width: 14rem;
  height: 13rem;
  margin: 2rem 2rem;
 
}
.title{
  font-size: 1.2rem;
  margin-top: 1.3rem;
} 

}
@media (max-width: 550px){
  .product-box-main{
    margin-top: 0px;
  }
  .productbox1{
    padding: .5rem;
      width: 12rem;
  height: 14rem;
  margin: 1.3rem 0px ;
  }
  .product-title{
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 1.3rem;
  }
  .title{
  font-size: .8rem;
  margin-top: 1rem;
  }
  
  
}
@media (max-width: 429px){
    title{
        font-size: .7rem;
    }
  .product-box-main{
    margin-top: -1rem;
    padding: 0px;
  }
  .productbox1{
    padding: .5rem;
      width: 12rem;
  height: 13rem;
  margin-top: 1rem;
  }
  .read-more-btn{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
}